<!doctype html>
<!--[if lt IE 7 ]> <html lang="ja" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="ja" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="ja" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="ja" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="ja" class="no-js"> <!--<![endif]-->
<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

	<title>jQuery.support</title>
	<meta name="description" content="$.supportのテスト" />
	<meta name="author" content="Y.Nishimura@Office L / nishimuray@gmail.com" />

	<meta name="viewport" content="width=device-width, initial-scale=1.0" />

	<link rel="shortcut icon" href="/favicon.ico" />
	<link rel="apple-touch-icon" href="/apple-touch-icon.png" />

	<link rel="stylesheet" href="css/style.css?v=1" />

	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
	<script type="text/javascript" src="js/modernizr.js"></script>
	<script>!window.jQuery && document.write('<script src="js/jquery-1.6.1.js"><\/script>')</script>
	<script type="text/javascript" src="js/script.js"></script>
</head>

<body>

<h1>jQuery.support プロパティ</h1>

<table id="supporttable" border="1">
<caption>jQuery のバージョンは </caption>
<thead>
<tr>
<th>Key</th>
<th>Value</th>
</tr>
</thead>
</table>

<p>jQueryの読み込みバージョンを変更すると面白い。</p>

<script type="text/javascript">
<!--
$(function() {
	$("#supporttable caption").append($.fn.jquery);
	// 1.6.1 だと checkClone が undefined になってしまうので回避
	// if ($.fn.jquery >= "1.6"){
	if (false){
		console.log(".support.checkClone changed.")
		div = document.createElement("div");
		div.innerHTML = "<input type='radio' name='radiotest' checked='checked'/>";
		var fragment = document.createDocumentFragment();
		fragment.appendChild( div.firstChild );
		var cc = fragment.cloneNode(true).cloneNode(true).lastChild.checked;
		$.support.checkClone = cc;
		cc       = null; delete cc;
		div      = null; delete div;
		fragment = null; delete fragment;
	}
	// 1.5系だとscriptEvalがfunctionになっちゃうけど、1.6では削除されたっぽいからいいか。


	var ss = [];						// ソート済の $.support のメソッド名をしまう配列
	for(f in $.support) {
		ss.push(f);	 					// $.support のメソッド名を配列にしまう
	}
	ss.sort();							// で、ソート

	var st = [];						// ソート済のメソッド名と結果を tr にしまう配列
	var i;								// 配列の添え字
	var x = ss.length;					// $.support のメソッドの数
	for (i = 0 ; i < x ; i++) {
		st.push('<tr><th>' + ss[i] + '</th><td>' + $.support[ss[i]] + '</td></tr>');
	}
	$("#supporttable").append('<tbody>').append(st.join(""));

});
// -->
</script>


</body>
</html>
